<!--
 * @Description: 
 * @Date: 2023-02-20 18:46:35
 * @LastEditors: czp
 * @LastEditTime: 2023-03-11 18:18:44
-->
<template>
	<div class="friend-chain">
		<span>相关链接：</span>
		<el-image fit="cover" :src="cosPrefix + 'footer/l1.png'" />
		<el-image fit="cover" :src="cosPrefix + 'footer/l2.png'" />
	</div>

	<div class="footer">
		<el-image fit="cover" :src="cosPrefix + 'header/LOGO.png?imageMogr2/thumbnail/375x'" />
		<div class="info">
			<span>联系我们</span>
			<span>电话：023-77820901 </span>
			<span>地址：重庆市武隆区仙女山街道荆竹村</span>
			<span>Copyright&copy;2023：重庆市云上荆竹电子商务有限公司</span>
			<!-- <div>
				<a href="">网络安全政策</a>
				<a href="">隐私权政策</a>
				<a href=""> 政府资料开放</a>
				<a href=""> 资料使用须知</a>
			</div>
			<span>您是本站第 123654789 位访客</span> -->
		</div>
	</div>
</template>
<script setup lang="ts">
import { useBaseStore } from "@/store/base";

const { cosPrefix } = useBaseStore();
</script>
<style lang="scss" scoped>
.friend-chain {
	position: relative;
	z-index: 9;
	display: flex;
	align-items: center;
	padding: 40px 188px;
	font-size: 20px;
	color: rgb(16 16 16 / 100%);
	.el-image {
		width: 200px;
		height: 72px;
		margin-left: 40px;
	}
}
.footer {
	display: flex;
	align-items: start;
	justify-content: center;
	height: 450px;
	padding: 104px 270px;
	color: #ffffff;
	background-image: url("https://sms-1302634640.file.myqcloud.com/cloud-jingzhu/footer/footer.png");
	background-position: center;
	background-size: 100%;
	.el-image {
		width: 148px;
		height: 44px;
		margin-right: 40px;
	}
	.info {
		display: flex;
		flex: 1;
		flex-direction: column;
		font-size: 16px;
		span {
			margin-bottom: 10px;
			&:first-child {
				font-family: SourceSerif;
				font-size: 24px;
				font-weight: bold;
			}
		}
		div {
			margin-bottom: 10px;
			a {
				margin-right: 10px;
				color: #ffffff;
			}
		}
	}
}
</style>
